html,
body {
  background-color: white;
  height: 100%;
  width: 100%;
}

.navbar a {
  cursor: pointer;
  text-decoration: none;
  color: #eae7e1;
  display: inline-block;
  padding-top: .3125rem;
  padding-bottom: .3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

.navbar .nav-item {
  margin-right: 20px;
}

.navbar .nav-item a {
  color: rgba(213, 209, 200, 0.5);
  display: block;
  padding: .5rem 1rem;
  margin-right: 0rem;
  font-size: 1rem;
}

.navbar .nav-item .active {
  color: #fff;
}

img {
  width: 100%;
  height: 420px;
}

.carousel-indicators .active {
  opacity: 1;
  background-color: #aaa;
}

li {
  list-style: none;
}

.products {
  margin: 10px 150px 50px;
  overflow: hidden;
}

.products .listsmsg {
  overflow: hidden;
}

.products .allProduct {
  margin-top: 10px;
  margin-left: 49px;
  font-size: 20px;
}

.products .productList {
  width: 274px;
  margin: 0 1% 25px;
  float: left;
  background: #eee;
}

.products p {
  height: 48px;
  margin: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.products span {
  margin: 0 152px 30px 10px;
  display: inline-block;
}

.viewBtn {
  width: 60px;
  height: 38px;
}

.view {
  color: #DC3545;
  display: block;
  width: 60px;
  height: 38px;
  line-height: 38px;
  margin-left: -13px;
  margin-top: -7px;
}

.view:hover {
  text-decoration: none;
  color: #fff;
}

.productDetail {
  width: 1160px;
  margin: 50px auto;
  background: #ccc;
  overflow: hidden;
}

.details-l {
  width: 600px;
  float: left;
  margin-top: 30px;
  margin-left: 20px;
  margin-bottom: 30px;
  margin-right: 46px;
}

.details-r {
  width: 470px;
  float: left;
  margin-top: 30px;
  margin-right: 20px;
  margin-bottom: 30px;
}

.details-r p {
  margin-bottom: 30px;
  width: 470px;
  word-break: break-word;
}

.details-r Input {
  width: 124px;
  display: inline-block;
  border: none;
  height: 36px;
  text-indent: 47px;
  /* border-radius: 0px; */
}

.details-r .add-reduce {
  position: relative;
  margin-bottom: 30px;
  margin-top: 10px;
}

.details-r .add-reduce .reduce {
  position: absolute;
  top: 0px;
  left: 1px;
  background: #eee;
  border: 1px solid #eee;
  color: black;
  cursor: pointer;
  display: inline-block;
  width: 36px;
  height: 36px;
}

.details-r .add-reduce .add {
  position: absolute;
  top: 0px;
  left: 90px;
  background: #eee;
  border: 1px solid #eee;
  color: black;
  cursor: pointer;
  display: inline-block;
  width: 36px;
  height: 36px;
}

.details-r .add-reduce .addToCart {
  position: absolute;
  top: 0px;
  right: 0;
}

.carts {
  position: relative;
  width: 100%;
  height: 100%;
  margin-top: 50px;
}

.carts .noProduct {
  font-size: 24px;
  position: absolute;
  margin-top: 200px;
  left: 50%;
  margin-left: -78px;
}

.carts .hasProduct {
  width: 1200px;
  background: #ccc;
  height: 50px;
  line-height: 50px;
  margin: 10px auto 10px;
}

.carts .hasProduct Input {
  margin-left: 20px;
  margin-top: 20px;
}

.carts .hasProduct .details {
  margin-left: 62px;
}

.carts .hasProduct .danjia {
  margin-left: 660px;
}

.carts .hasProduct .quantity {
  margin-left: 96px;
}

.carts .hasProduct .total {
  margin-left: 104px;
}

.carts .hasProduct .caozuo {
  margin-left: 67px;
}

.carts .hasProduct .quantity1 {
  display: inline-block;
  margin-left: 749px;
  width: 82px;
}

.carts .hasProduct .total1 {
  display: inline-block;
  margin-left: 50px;
  width: 95px;
}

.carts .hasProduct .buy {
  margin-left: 35px;
  width: 60px;
}

.carts ul {
  width: 1200px;
  margin: 0 auto 10px;
  padding-left: 0;
}

.cartLists {
  width: 100%;
  background: #eee;
  height: 86px;
  line-height: 82px;
  margin-bottom: 2px;
}

.cartLists Input {
  margin-left: 20px;
  margin-top: 35px;
}

.cartLists span {
  width: 86px;
  height: 72px;
  display: inline-block;
  /* margin-left: 62px; */
}

.cartLists img {
  width: 100%;
  height: 100%;
}

.cartLists h4 {
  display: inline-block;
  font-size: 16px;
  margin-left: 30px;
  width: 500px;
  word-wrap: none;
}

.cartLists p {
  display: inline-block;
  margin: 0 40px;
  margin-left: 79px;
  width: 14px;
}

.cartLists Button {
  margin-left: 30px;
}

.checkBoxSize {
  width: 95px;
  height: 49px;
  display: inline-block;
  overflow: hidden;
}
